@charset "UTF-8";
/*
	布局（样式表）
		1.选择器
			通用伪类
				之前 :before
				之后 :after
				
			常用伪类
				焦点 :foucs
				经过 :hover
		2.字体
			大小 font-weight
			粗细 font-size
			字库 font-family
		
		3.边距
			外边距 margin
			填充 padding
			行高 line-height
		
		4.容器
			宽 width
			高 height
			
		5.显示
			显示方式 display
				无 none
				块 block
				行块 inline-block
			溢出方式 overflow (overflow-x、overflow-y)
				隐藏 hidden
				滚动条 scroll
				自动 auto
		
		6.定位
			定位方式 position
				相对定位 absolute
				绝对定位 relative
				窗口定位 fixed
			坐标参数
				上 top
				右 right
				下 bottom
				左 left
			位移 translate
*/


/* === 初始化 === */
*,*::before,*::after {box-sizing:border-box;}
* { margin:0; }
html {font-family:sans-serif;line-height:1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;}
@-ms-viewport {width:device-width;}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {display:block;}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1;color:#212529;text-align:left;background-color:#fff;font-size:1rem; line-height:1.5;}
[tabindex="-1"]:focus {outline:0 !important;}
hr {box-sizing:content-box;height:0;overflow:visible;}
abbr[title],abbr[data-original-title] {text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;}
address {font-style:normal;line-height:inherit;}
dt {font-weight:700;}
blockquote {margin:0 0 1rem;}
dfn {font-style:italic;}
b,strong {font-weight:bolder;}
small {font-size:80%;}
sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sub {bottom:-.25em;}
sup {top:-.5em;}
a {color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;}
a:hover {color:#0056b3;text-decoration:none;}
a:not([href]):not([tabindex]) {color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus {color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):focus {outline:0;}
pre,code,kbd,samp {font-family:monospace,monospace;font-size:1em;}
pre {overflow:auto;-ms-overflow-style:scrollbar;}
img {vertical-align:middle;border-style:none;}
svg:not(:root) {overflow:hidden;}
table {border-collapse:collapse;}
caption {padding-top:0.75rem;padding-bottom:0.75rem;color:#6c757d;text-align:left;caption-side:bottom;}
th {text-align:inherit;}
label {display:inline-block;}
button {border-radius:0;}
button:focus {outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
input,button,select,optgroup,textarea {font-family:inherit;font-size:inherit;line-height:inherit;}
button,input {overflow:visible;}
button,select {text-transform:none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {padding:0;border-style:none;}
input[type="radio"],input[type="checkbox"] {box-sizing:border-box;padding:0;}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {-webkit-appearance:listbox;}
textarea {overflow:auto;resize:vertical;}
fieldset {min-width:0;padding:0;border:0;}
legend {display:block;width:100%;max-width:100%;padding:0;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;}
progress {vertical-align:baseline;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {outline-offset:-2px;-webkit-appearance:none;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-file-upload-button {font:inherit;-webkit-appearance:button;}
output {display:inline-block;}
summary {display:list-item;cursor:pointer;}
template {display:none;}
[hidden] {display:none !important;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family:inherit;font-weight:500;}
h1,.h1 {font-size:32px;font-size:2rem;}
h2,.h2 {font-size:28px;font-size:1.75rem;}
h3,.h3 {font-size:24px;font-size:1.5rem;}
h4,.h4 {font-size:20px;font-size:1.25rem;}
h5,.h5 {font-size:16px;font-size:1rem;}
h6,.h6 {font-size:12px;font-size:0.75rem;}
ul,ol,dl,dt,dd{padding:0;}
hr {margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1);}
small,.small {font-size:80%;font-weight:400;}
mark,.mark {padding:0.2em;background-color:#fcf8e3;}
code,kbd,pre,samp {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
code {font-size:87.5%;color:#e83e8c;word-break:break-word;}
a > code {color:inherit;}
kbd {padding:0.2rem 0.4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:0.2rem;}
kbd kbd {padding:0;font-size:100%;font-weight:700;}
pre {display:block;font-size:87.5%;color:#212529;}
pre code {font-size:inherit;color:inherit;word-break:normal;}
li{ list-style:none; }

/* === 栅格 === */
.row,[class*=grid-] {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; clear: both; float: none; max-width: 1200px; max-width:75rem; margin:auto;overflow-x:hidden; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.grid>* {position:relative;width:100%;min-height:1px; float:left; }
.col {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%; float:left;}
.col-auto {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
.col-1 {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;width:8.333333%;}
.col-2,.grid-6>* {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%; width:16.666667%; }
.col-3,.grid-4>* {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;}
.col-4,.grid-3>* {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;width:33.333333%;}
.col-5 {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;width:41.666667%;}
.col-6,.grid-2>* {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;}
.col-7 {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;width:58.333333%;}
.col-8 {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;width:66.666667%;}
.col-9 {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;width:75%;}
.col-10 {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;width:83.333333%;}
.col-11 {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;width:91.666667%;}
.col-12,.grid-1>* {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;}
.line {width:100%; clear:both; float:none; }

@media (min-width:576px) {
	.col-sm {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
	.col-sm-auto {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
	.col-sm-1 {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-sm-2 {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-sm-3 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-sm-4 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-sm-5 {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-sm-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-sm-7 {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-sm-8 {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-sm-9 {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-sm-10 {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-sm-11 {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-sm-12 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

@media (min-width:768px) {
	.col-md {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
	.col-md-auto {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
	.col-md-1 {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-md-2 {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-md-3 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-md-4 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-md-8 {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-md-9 {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-md-10 {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-md-11 {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-md-12 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

@media (min-width:992px) {
	.col-lg {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
	.col-lg-auto {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
	.col-lg-1 {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-lg-2 {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-lg-3 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-lg-4 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-lg-5 {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-lg-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-lg-7 {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-lg-8 {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-lg-9 {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-lg-10 {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-lg-11 {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-lg-12 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

@media (min-width:1200px) {
	.col-xl {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
	.col-xl-auto {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}
	.col-xl-1 {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-xl-2 {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-xl-3 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-xl-4 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-xl-5 {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-xl-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-xl-7 {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-xl-8 {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-xl-9 {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-xl-10 {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-xl-11 {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-xl-12 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

/* === 动画 === */
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s;}
.animated.bounceIn,.animated.bounceOut {-webkit-animation-duration:.75s;animation-duration:.75s;}
.animated.flipOutX,.animated.flipOutY {-webkit-animation-duration:.75s;animation-duration:.75s;}

/* 反弹 */
@-webkit-keyframes bounce {0%,20%,53%,80%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%,43% {-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
70% {-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
@keyframes bounce {0%,20%,53%,80%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%,43% {-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
70% {-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
.bounce {-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes flash {0%,50%,100% {opacity:1;}
25%,75% {opacity:0;}
}
@keyframes flash {0%,50%,100% {opacity:1;}
25%,75% {opacity:0;}
}
.flash {-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes pulse {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.pulse {-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes rubberBand {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
30% {-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}
40% {-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}
50% {-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes rubberBand {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
30% {-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}
40% {-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}
50% {-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.rubberBand {-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes shake {0%,100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
}
@keyframes shake {0%,100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
}
.shake {-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing {20% {-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}
40% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}
60% {-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}
80% {-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}
100% {-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
}
@keyframes swing {20% {-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}
40% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}
60% {-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}
80% {-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}
100% {-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
}
.swing {-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes tada {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.tada {-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble {0% {-webkit-transform:none;transform:none;}
15% {-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
30% {-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
45% {-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
60% {-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
75% {-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes wobble {0% {-webkit-transform:none;transform:none;}
15% {-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
30% {-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
45% {-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
60% {-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
75% {-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
100% {-webkit-transform:none;transform:none;}
}
.wobble {-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn {0%,20%,40%,60%,80%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}
100% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes bounceIn {0%,20%,40%,60%,80%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}
100% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.bounceIn {-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes bounceInDown {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
100% {-webkit-transform:none;transform:none;}
}
.bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes bounceInLeft {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
.bounceInLeft {-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes bounceInRight {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
.bounceInRight {-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes bounceInUp {0%,60%,75%,90%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.bounceInUp {-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
100% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
}
@keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
100% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
}
.bounceOut {-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
@keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
.bounceOutDown {-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
@keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
.bounceOutLeft {-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
@keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
.bounceOutRight {-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
@keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
.bounceOutUp {-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDownBig {-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeftBig {-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInRightBig {-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUpBig {-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
@keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
@keyframes fadeOutDown {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
.fadeOutDown {-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
@keyframes fadeOutDownBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
.fadeOutDownBig {-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
}
@keyframes fadeOutLeft {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
@keyframes fadeOutLeftBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
.fadeOutLeftBig {-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
@keyframes fadeOutRight {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
@keyframes fadeOutRightBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
.fadeOutRightBig {-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
@keyframes fadeOutUp {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
.fadeOutUp {-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
@keyframes fadeOutUpBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
.fadeOutUpBig {-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip {-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX {0% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX {0% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInY {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
@keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
.flipOutX {-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}
}
@keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}
}
.flipOutY {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}
100% {-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}
100% {-webkit-transform:none;transform:none;opacity:1;}
}
.lightSpeedIn {-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut {0% {opacity:1;}
100% {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}
}
@keyframes lightSpeedOut {0% {opacity:1;}
100% {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}
}
.lightSpeedOut {-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn {0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateIn {0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateIn {-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInDownLeft {-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInDownRight {-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInUpLeft {-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInUpRight {-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut {0% {-webkit-transform-origin:center;transform-origin:center;opacity:1;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}
}
@keyframes rotateOut {0% {-webkit-transform-origin:center;transform-origin:center;opacity:1;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}
}
.rotateOut {-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
}
@keyframes rotateOutDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
}
.rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
@keyframes rotateOutDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
.rotateOutDownRight {-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
@keyframes rotateOutUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
.rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}
}
@keyframes rotateOutUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}
}
.rotateOutUpRight {-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes hinge {0% {-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%,60% {-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%,80% {-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
100% {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}
}
@keyframes hinge {0% {-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%,60% {-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%,80% {-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
100% {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}
}
.hinge {-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.rollIn {-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}
}
@keyframes rollOut {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}
}
.rollOut {-webkit-animation-name:rollOut;animation-name:rollOut;}
@-webkit-keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
50% {opacity:1;}
}
@keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
50% {opacity:1;}
}
.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
@keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInDown {-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
@-webkit-keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
@keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInLeft {-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
@-webkit-keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
@keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInRight {-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
@-webkit-keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
@keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomInUp {-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
@-webkit-keyframes zoomOut {0% {opacity:1;}
50% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
100% {opacity:0;}
}
@keyframes zoomOut {0% {opacity:1;}
50% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
100% {opacity:0;}
}
.zoomOut {-webkit-animation-name:zoomOut;animation-name:zoomOut;}
@-webkit-keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
@keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomOutDown {-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}
@-webkit-keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}
}
@keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}
}
.zoomOutLeft {-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}
@-webkit-keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}
}
@keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}
}
.zoomOutRight {-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}
@-webkit-keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
@keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}
}
.zoomOutUp {-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft {0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes slideInLeft {0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight {0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes slideInRight {0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp {0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes slideInUp {0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
@keyframes slideOutDown {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
}
@keyframes slideOutLeft {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
}
.slideOutLeft {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
@keyframes slideOutRight {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
.slideOutRight {-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
@keyframes slideOutUp {0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
100% {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
.slideOutUp {-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}


/* ====   位置   ==== */
/* 浮动 */
.fa{ margin-left: auto !important; margin-right: auto !important; display:block;}
.fl {float:left !important;}
.fn {float:none !important;}
.fr {float:right !important;}

/* 清除浮动 */
.cb {clear: both !important;}
.cl {clear:left !important;}
.cn {clear:none !important;}
.cr {clear:right !important;}

/* 对齐 */
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}

/* 填充 */
.pa {padding:8px 16px !important;padding:.5rem 1rem !important;}
.pb {padding-bottom:16px !important;padding-bottom:1rem !important;}
.pl {padding-left:16px !important;padding-left:1rem !important;}
.plr {padding-left:16px;padding-left:1rem; padding-right:16px !important; padding-right:1rem !important;}
.pn {padding:0 !important;}
.pr {padding-right:16px !important;padding-right:1rem !important;}
.pt {padding-top:16px !important;padding-top:1rem !important;}
.ptb {padding-top:16px;padding-top:1rem; padding-bottom:16px !important; padding-bottom:1rem !important;}

/* 间距 */
.ma {margin:16px !important;margin:1rem !important;}
.mb {margin-bottom:16px !important;margin-bottom:1rem !important;}
.mc {margin-left:auto !important; margin-right:auto !important;}
.ml {margin-left:16px !important;margin-left:1rem !important;}
.mlr {margin-left:16px;margin-left:1rem; margin-right:16px !important; margin-right:1rem !important;}
.mn {margin:0 !important;}
.mr {margin-right:16px !important;margin-right:1rem !important;}
.mt {margin-top:16px !important;margin-top:1rem !important;}
.mtb {margin-top:16px;margin-top:1rem; margin-bottom:16px !important; margin-bottom:1rem !important;}

/*圆角*/
.b-a {border-radius:0.3rem !important;}
.b-b {border-bottom-right-radius:4.8px !important;border-bottom-right-radius:0.3rem !important;border-bottom-left-radius:4.8px !important;border-bottom-left-radius:0.3rem !important;}
.b-c {border-radius:50% !important;}
.b-l {border-bottom-left-radius:4.8px !important;border-bottom-left-radius:0.3rem !important;border-top-left-radius:4.8px !important;border-top-left-radius:0.3rem !important;}
.b-lb {border-bottom-left-radius:4.8px !important;border-bottom-left-radius:0.3rem !important;}
.b-lt {border-top-left-radius:4.8px !important;border-top-left-radius:0.3rem !important;}
.b-n {border-radius:0 !important;}
.b-r {border-bottom-right-radius:4.8px !important;border-bottom-right-radius:0.3rem !important;border-top-right-radius:4.8px !important;border-top-right-radius:0.3rem !important;}
.b-rb {border-bottom-right-radius:4.8px !important;border-bottom-right-radius:0.3rem !important;}
.b-rt {border-top-right-radius:4.8px !important;border-top-right-radius:0.3rem !important;}
.b-t {border-top-left-radius:4.8px !important;border-top-left-radius:0.3rem !important;border-top-right-radius:4.8px !important;border-top-right-radius:0.3rem !important;}


/* 布局预设 */
.layout { width:100%; overflow-x:hidden; }
.layout>header { min-height: 40px; min-height: 2.5rem; }
.layout>footer { min-height: 48px; min-height: 3rem; }
.layout>aside { min-width: 32px; min-width: 2rem; position: fixed; height:100%; z-index:6; top:0; bottom: 0; right:0; }
.layout>article { min-height: 240px; min-height: 15rem; }

/* 按钮 */
.btn,[class*=btn-] { padding: 0.25rem .75rem; border:none; border-radius:.25rem; font-size: 0.75rem; display: inline-block; background:inherit; }
